<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style2.css">
    <script type="text/javascript" src="./script.js"></script>
    <title>产品</title>
</head>
<body>
    <header>
        <div class="top">
            <div>全国热线：400-000-000</div>
            <div>
                <span>设为首页</span>
                <span>加入收藏</span>
            </div>
        </div>
        <nav>
            <div  class="logo">
                <div>
                    <img src="./image/logo.jpg" alt="logo">
                </div>
                <div>
                    <h1>TK科技有限公司</h1>
                    <span>cer dcd keo Holdings Co Ltd.</span>
                </div>
            </div>
            <ul>
                <li>
                    <a href="./index.html">
                        <h2>首页</h2>
                        <p>Home</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>关于我们</h2>
                        <p>About</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>产品中心</h2>
                        <p>Products</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>服务支持</h2>
                        <p>Service</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>新闻中心</h2>
                        <p>News</p>
                    </a>
                </li>
                <li>
                    <a href="./particular.html">
                        <h2>在线商店</h2>
                        <p>Shop</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>联系我们</h2>
                        <p>Contact Us</p>
                    </a>
                </li>
            </ul>
        </nav>
    </header>
    <div class="banner">
        <img src="./image2/banner_b.jpg" alt="">
    </div>
    <!-- 产品列表 -->
    <section>
        <!-- 导航 -->
        <div class="top">
            <div class="top1">
                <span>首页</span>
                <span></span>
                <span>新品发布</span>
            </div>
            <div class="series">
                <div><h2>百万高清系列</h2><span></span></div>
                <div><h2>标清系列</h2><span></span></div>
                <div><h2>户外防水系列</h2><span></span></div>
                <div><h2>室内系列</h2><span></span></div>
            </div>
        </div>
        <div class="search">
            <form action="./index.html" id="model">
                <input type="text" placeholder="搜索产品">
            </form>
            <button form="model"><img src="./image2/icon24.png" alt=""></button>
        </div>
        <div class="list">
            <div class="items1">
                <a href="#">
                    <img src="./image2/01_002.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items2">
                <a href="#">
                    <img src="./image2/01_003.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items3">
                <a href="#">
                    <img src="./image2/01_004.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items4">
                <a href="#">
                    <img src="./image2/01_005.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items5">
                <a href="#">
                    <img src="./image2/01_006.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items6">
                <a href="#">
                    <img src="./image2/1.jpg" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items7">
                <a href="#">
                    <img src="./image2/pic7.jpg" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items8">
                <a href="#">
                    <img src="./image2/pic18.jpg" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
            <div class="items9">
                <a href="#">
                    <img src="./image2/621101.png" alt="">
                    <h2>S6202Y-WR</h2>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                </a>
            </div>
        </div>
        <ul>
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">下一页</a></li>
        </ul>
    </section>
    <!-- 页脚 -->
    <footer>
        <div class="top">
            <ul>
                <li>关注我们：</li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
            </ul>
            <ul>
                <li><a href="#">网站首页</a></li>
                <li class="drop"></li>
                <li><a href="#">新闻动态</a></li>
                <li class="drop"></li>
                <li><a href="#">关于我们</a></li>
                <li class="drop"></li>
                <li><a href="#">团队风采</a></li>
                <li class="drop"></li>
                <li><a href="#">联系我们</a></li>
                <li class="drop"></li>
                <li><a href="#">在线留言</a></li>
            </ul>
        </div>
        <div class="bottom">
            <p>
                ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
            </p>
        </div>
    </footer>
</body>
</html>